<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>嵩县全域智慧旅游产业大数据和决策分析云平台</title>
    <link rel="stylesheet" href="../../assets/css/public.css">
    <link rel="stylesheet" href="../../assets/css/common.css">
    <link rel="stylesheet" href="../../assets/css/index.css">
    <link rel="stylesheet" href="../../assets/css/touristFlow.css">
    <link rel="stylesheet" href="../../assets/css/animate.min.css">
</head>
<body>
    <div class="box">
        <!--头部-->
        <div class="title-box">
            <div class="title-left">
                <span id="weather">小雨转晴</span>
                <span id="temperature">32/23℃</span>
                <span id="windPower">东风</span>
            </div>
            <div class="title-img">
                <h3>嵩县全域智慧旅游产业大数据和决策分析云平台</h3>
                <img src="../../assets/images/title-bg.png">
            </div>
            <div class="title-right">
                <a href="../admin/index.html">运营管理</a>
            </div>
        </div>
        <!--主体-->
        <div class="main-box">
            <!--导航-->
            <div class="nav-box">
                <ul>
                    <li>
                        <a href="../index/index.html">
                            <div>
                                <img src="../../assets/images/icon-index.png">
                                <img src="../../assets/images/icon-index-active.png">
                            </div>
                            <p>旅游发展环境</p>
                        </a>
                    </li>
                    <li>
                        <a href="../basicElements/index.html">
                            <div>
                                <img src="../../assets/images/icon-analysis.png">
                                <img src="../../assets/images/icon-analysis-active.png">
                            </div>
                            <p>旅游基础要素</p>
                        </a>
                    </li>
                    <li class="active">
                        <a href="../touristFlow/index.html">
                            <div>
                                <img src="../../assets/images/icon-image.png">
                                <img src="../../assets/images/icon-image-active.png">
                            </div>
                            <p>旅游客流监测</p>
                        </a>
                    </li>
                    <li>
                        <a href="../touristsPortrait/index.html">
                            <div>
                                <img src="../../assets/images/icon-portrait.png">
                                <img src="../../assets/images/icon-portrait-active.png">
                            </div>
                            <p>游客画像分析</p>
                        </a>
                    </li>
                    <li>
                        <a href="../tourismEnterprises/index.html">
                            <div>
                                <img src="../../assets/images/icon-operation.png">
                                <img src="../../assets/images/icon-operation-active.png">
                            </div>
                            <p>旅游企业监测</p>
                        </a>
                    </li>
                    <li>
                        <a href="../pinglun/index.html">
                            <div>
                                <img src="../../assets/images/icon-pinglun.png">
                                <img src="../../assets/images/icon-pinglun-active.png">
                            </div>
                            <p>互联网评论</p>
                        </a>
                    </li>
                </ul>
            </div>
            <!--数据内容-->
            <div class="content-box flex-column">
                <div class="content-nav">
                    <ul>
                        <li class="active">
                            <a href="index.html">目的地客流监测</a>
                        </li>
                        <li>
                            <a href="scenicFlow.html">重点景区客流监测</a>
                        </li>
                    </ul>
                </div>
                <div class="tourist-data content-center-bg">
                    <div>
                       <span>今日客流量(人次)</span>
                        <p class="numberStyle">55816</p>
                    </div>
                    <div>
                        <span>今日流入量(人次)</span>
                        <p class="numberStyle">19606</p>
                    </div>
                    <div>
                        <span>今日流出量(人次)</span>
                        <p class="numberStyle">26100</p>
                    </div>
                    <div>
                        <span>本月客流量(万人次)</span>
                        <p class="numberStyle">57.4431</p>
                    </div>
                    <div>
                        <span>本年客流量(万人次)</span>
                        <p class="numberStyle">202.556</p>
                    </div>
                </div>
                <div class="content-main flex-row flex1">
                    <div class="content-left">
                        <div class="flex1 traffic-box animated rotateInUpLeft">
                            <div class="content-title">
                                当月客流量排名TOP5
                            </div>
                            <div class="content-left-main flex1">
                                <ul class="flow-list">
                                    <li>
                                        <div class="name"><i>1</i> <span>10月01日</span></div>
                                        <div class="vol"><span style="width: 60%">6012人</span></div>
                                        <div class="wea"><span>国庆节</span> <strong>晴转多多云 23℃-30℃</strong></div>
                                    </li>
                                    <li>
                                        <div class="name"><i>2</i> <span>10月03日</span></div>
                                        <div class="vol"><span style="width: 50%">5121人</span></div>
                                        <div class="wea"><span>周末</span> <strong>晴转多云 23℃-30℃</strong></div>
                                    </li>
                                    <li>
                                        <div class="name"><i>3</i> <span>10月02日</span></div>
                                        <div class="vol"><span style="width: 45%">4562人</span></div>
                                        <div class="wea"><span>周六</span> <strong>晴转多云 23℃-30℃</strong></div>
                                    </li>
                                    <li>
                                        <div class="name"><i>4</i> <span>10月01日</span></div>
                                        <div class="vol"><span style="width: 44%">4402人</span></div>
                                        <div class="wea"><span>周五</span><strong>晴转多云 23℃-30℃</strong></div>
                                    </li>
                                    <li>
                                        <div class="name"><i>5</i> <span>10月04日</span></div>
                                        <div class="vol"><span style="width:35%">3620人</span></div>
                                        <div class="wea"><span>周四</span> <strong>晴转多云 23℃-30℃</strong></div>
                                    </li>
                                </ul>
                            </div>
                        </div>
                        <div class="flex1 traffic-box bounceInUp animated">
                            <div class="content-title">
                                游客量同比分析
                                <div class="date-tab" id="dateTab">
                                    <a href="javascript:;" class="active">日</a>
                                    <a href="javascript:;">月</a>
                                    <a href="javascript:;">年</a>
                                </div>
                            </div>
                            <div class="content-left-main flex1">
                                <div class="select-list">
                                    <div class="select-date-box">
                                        <span>日期</span>
                                        <input type="text" id="selectDate1" placeholder="选择日期">
                                        <button>查询</button>
                                    </div>
                                    <div class="select-date-box hot-hd">
                                        <span>月份</span>
                                        <input type="text" id="selectMonth1" placeholder="选择月份">
                                        <button>查询</button>
                                    </div>
                                    <div class="select-date-box hot-hd">
                                        <span>年份</span>
                                        <input type="text" id="selectYear1" placeholder="选择年份">
                                        <button>查询</button>
                                    </div>
                                </div>
                                <div class="flex1" id="flow-2"></div>
                            </div>
                        </div>
                    </div>
                    <div class="content-right">
                        <div class="content-right-top">
                            <div class="content-right-bg sex-box flex1 animated rotateInUpRight">
                                <div class="content-title">未来7天客流预测</div>
                                <div class="content-left-main flex1" id="flow-3">

                                </div>
                            </div>
                            <div class="content-right-bg flex1 bounceInUp animated sex-box">
                                <div class="content-title">
                                   假日分析
                                </div>
                                <div class="content-left-main flex1" id="flow-4"></div>
                            </div>
                        </div>

                    </div>
                </div>

            </div>
        </div>
    </div>
</body>
<script src="../../assets/plugin/jquery.min.js"></script>
<script src="../../assets/plugin/ECharts/echarts.js"></script>
<script src="../../assets/plugin/ECharts/china.js"></script>
<script src="../../assets/plugin/laydate/laydate.js"></script>
<script src="../../assets/plugin/jquery.leoTextAnimate.js"></script>
<script src="../../assets/js/public.js"></script>
<script src="../../assets/js/touristFlow.js"></script>
</html>
